resizable.columns Boolean (default:false)

If set to true, users can resize columns by dragging the edges (resize handles) of their header cells. As of Kendo UI Q1 2015, users can also auto-fit a column by double-clicking its resize handle. In this case the column will assume the smallest possible width, which allows the column content to fit without wrapping.

By default, column resizing is disabled.

Example - enable column resizing

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  resizable: {
    columns: true
  }
});
</script>

Check Column resizing for a live demo and the Column widths help section for additional relevant information.

For column resizing on mobile devices please refer to the Grid Adaptive Rendering official demo and the Adaptive Rendering documentation article.

In this article